body { color:#8b8b8b; font-size:12px; font-family:"Arial","microsoft yahei"; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h5{ margin:0px; padding:0px; border:0; }
section,article,nav{ margin: 0px; padding: 0px; border: 0; }
/*html{ overflow-y:scroll; }*/
a:link{ color:#8b8b8b; text-decoration:none; }
a:visited{ color:#8b8b8b; text-decoration:none;}
a:hover{ color:#5A5A5A; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.FL{ float:left;}
.FR{ float:right;}

/*字号*/
.f10 { -webkit-text-size-adjust:none; font-size:0.625em; }
.f11 { -webkit-text-size-adjust:none; font-size:11px;}
.f12 { font-size:0.75em; }
.f14{ font-size:14px;}
.f16 { font-size:16px; }
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}

/*字体*/
.arial { font-family:Arial;}
.yahei { font-family:"microsoft yahei";}
.song { font-family:"宋体";}

/*上下间距*/ .mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb15{ margin-
bottom:15px;} .mb18{ margin-bottom:18px;} .mb20{ margin-bottom:20px;} .mb25{
margin-bottom:25px;} .mb30{ margin-bottom:30px;} .mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;} .mb45{ margin-bottom:45px;} .mb50{ margin-
bottom:50px;} .mb60{ margin-bottom:60px;} .mb80{ margin-bottom:80px;}

.black{ color:#333; }
.red{ color:#c8201d; }

#dituContent img{max-width:inherit;width:auto;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;}

/*公用*/
.div100{ width:100%;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.width{ width:1190px; margin:0 auto; }
.contain { width: 100%; }
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.formtext{ width:300px; border:1px solid #DFDEDE; border-radius:4px; padding:7px 6px; color:#777; font-size:12px; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.formtext:focus{ border:1px solid #ccc; color:#222; }
.dashedLine{ display:block; height:1px; border-bottom:1px dashed #C2C2C2; overflow:hidden; margin-bottom:58px; }

/*分页*/
.pageNum { width: 100%; }
.pageNum a { display: inline-block; text-align: left; padding: 10px 20px; font: normal 12px 'microsoft yahei'; color: #888888; border: 1px solid #eaeaea; margin-right: 10px; transition: all .3s ease; }
.pageNum span { display: inline-block; text-align: left; padding: 10px 20px; font: normal 12px 'microsoft yahei'; color: #888888; border: 1px solid #eaeaea; margin-right: 10px; }
.pageNum a:hover { color: #08097b; }
.pageNum a.cur { color: #08097b; }
.pageNum span.cur { color: #ffffff; border-color: #10c9d9; background: #10c9d9; }
.pageNum1 { text-align: center; }



/*头部*/
.head { width: 100%; background: #ffffff; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 5px 1px 1px 1px rgba(0,0,0,.05); }
.head .contain { height: 110px; }
.head .left { width: 22.7%; float: left; height: 100%; /*border: 1px solid #eaeaea;*/ border-top: 0; border-bottom: 0; box-sizing: border-box; }
.head .left a { display: block; width: 100%; height: 100%; text-align: center; font-size: 0; }
.head .left a span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.head .left a img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
.head .right { float: right; width: 77.3%; height: 100%; /*border-right: 1px solid #eaeaea;*/ box-sizing: border-box; }
.head .right .top { height: 50px; /*border-bottom: 1px solid #eaeaea;*/ box-sizing: border-box; }
.head .right .top ul { float: right; height: 100%; }
.head .right .top ul li { float: left; /*border-left: 1px solid #eaeaea;*/ padding: 0 25px; height: 100%; }
.head .right .top ul li a { font: normal 12px/50px 'microsoft yahei'; color: #666666; transition: all .5s ease; }
.head .right .top ul li a:hover { color: #1b2188; }
.head .right .top ul li span { font: normal 12px/50px 'microsoft yahei'; color: #666666; padding: 0 10px; }
.head .right .top ul li:nth-child(2) a { background: url(../images/login.png) no-repeat left center; padding-left: 26px; }
.head .right .top ul li:nth-child(3) a { background: url(../images/email.png) no-repeat left center; padding-left: 26px; }
.head .right .bot { height: 60px; }
.head .right .bot .bL { float: left; width: 74.5%; }
.head .right .bot .bL ul { text-align: center; }
.head .right .bot .bL ul li { display: inline-block; padding-right: 30px; position: relative; }
.head .right .bot .bL ul li a { display: block; font: normal 16px/60px 'microsoft yahei'; color: #333333; transition: all .5s ease; }
.head .right .bot .bL ul li a span { display: block; }
.head .right .bot .bL ul li a span img.home2 { display: none; }
.head .right .bot .bL ul li a:hover { color: #1b2188; }
.head .right .bot .bL ul li p { position: fixed; max-height: 0; display: none; }
.head .right .bot .bL ul li p a { background: #012c6f; color: #ffffff; padding: 0 15px; font: normal 14px/40px 'microsoft yahei'; }
.head .right .bot .bL ul li p a:hover { background: #ffffff;color:#1b2188 !important; }
.head .right .bot .bL ul li:hover p { display: block; max-height: 500px; }
.head .right .bot .bL ul li.cur a { color: #1b2188; }
.head .right .bot .bL ul li.cur p a { color: #ffffff; }
.head .right .bot .bL ul li:last-child { padding-right: 0; }
.head .right .bot .bR { width: 25.5%; height: 100%; float: left; /*border-left: 1px solid #eaeaea;*/ box-sizing: border-box; position: relative; }
.head .right .bot .bR input { border: 0; width: 100%; height: 100%; font: normal 12px 'microsoft yahei'; color: #999999; text-indent: 15px; }
.head .right .bot .bR input::-webkit-input-placeholder { font: normal 12px 'microsoft yahei'; color: #999999; text-indent: 15px; }
.head .right .bot .bR input::-moz-input-placeholder { font: normal 12px 'microsoft yahei'; color: #999999; text-indent: 15px; }
.head .right .bot .bR a { display: block; width: 14px; height: 100%; background: url(../images/search.png) no-repeat center; position: absolute; top: 0; right: 20px; z-index: 2; }
.head .menuIcon { float: right; width: 2rem; height: 100%; display: none; }
.head .menuIcon span { display: block; width: 100%; height: 100%; background: url(../images/menuIcon.png) no-repeat center/contain; }
.head .menuIcon.cur span { background-image: url(../images/error.png); }
.head .rightLines { display: none; width: 25%; height: 50px; /*border-bottom: 1px solid #eaeaea;*/ box-sizing: border-box; position: absolute; top: 0; right: 0; }

/*右侧悬浮*/
.rightFixed { position: fixed; right: 123px; top: 50%; z-index: 99; transform: translateY(-50%); display: none; }
.rightFixed ul li { width: 56px; height: 56px; margin-bottom: 2px; position: relative; }
.rightFixed ul li a { display: block; width: 100%; height: 100%; }
.rightFixed ul li:first-child { background: #0f1877; }
.rightFixed ul li:first-child a { background: url(../images/rightIcon1.png) no-repeat center; }
.rightFixed ul li:nth-child(2) { background: #08a113; }
.rightFixed ul li:nth-child(2) a { background: url(../images/rightIcon2.png) no-repeat center; }
.rightFixed ul li:nth-child(3) { background: #ef7d00; }
.rightFixed ul li:nth-child(3) a { background: url(../images/rightIcon3.png) no-repeat center; }
.rightFixed ul li:last-child { background: #aeaeae; margin-bottom: 0; }
.rightFixed ul li:last-child a { background: url(../images/rightIcon4.png) no-repeat center; }

.rightFixed ul li p { height: 100%; width: 145px; position: absolute; top: 0; left: -145px; font: normal 16px/56px 'microsoft yahei'; color: #ffffff; text-align: center; display: none; transition: all .5s ease; }

.rightFixed ul li:first-child p { background: #0f1877; }
.rightFixed ul li:nth-child(3) p { background: #ef7d00; }
.rightFixed ul li:hover p { display: block; }


/*底部*/
.foot .top { padding: 30px 0; background: #012c6f; border-bottom: 1px solid rgba(255,255,255,.1); }
.foot .top .left { float: left; }
.foot .top .left ul li { float: left; margin-right: 85px; }
.foot .top .left ul li:last-child { margin-right: 0; }
.foot .top .left ul li a { display: block; font: normal 16px 'microsoft yahei'; color: #ffffff; }
.foot .top .left ul li p { margin-top: 15px; }
.foot .top .left ul li p a { font: normal 14px 'microsoft yahei'; color: #aaaaaa; margin-bottom: 10px; transition: all .5s ease; }
.foot .top .left ul li p a:hover { color: #ffffff; }
.foot .top .left ul li p a:last-child { margin-bottom: 0; }
.foot .top .right { float: right; }
.foot .top .right ul li { float: left; margin-right: 30px; text-align: center; }
.foot .top .right ul li:last-child { margin-right: 0; }
.foot .top .right ul li span { display: block; font: normal 12px 'microsoft yahei'; color: #aaaaaa; }
.foot .bot { height: 60px; background: #012c6f; }
.foot .bot .left { float: left; }
.foot .bot .left p { font: normal 12px/60px 'microsoft yahei'; color: #999999; }
.foot .bot .right { float: right; }
.foot .bot .right ul li { float: left; position: relative; margin-right: 30px; }
.foot .bot .right ul li a { font: normal 12px/60px 'microsoft yahei'; color: #999999; transition: all .5s ease; }
.foot .bot .right ul li:hover a { color: #ffffff; }
.foot .bot .right ul li p { position: absolute; top: -75px; opacity: 0; transition: all .5s ease; }
.foot .bot .right ul li:hover p { opacity: 1; }
.foot .bot .right ul li:last-child { margin-right: 0; }
.foot .bot .right ul li:first-child a { background: url(../images/footQQ.png) no-repeat left center; padding: 1px 0; padding-left: 25px; }
.foot .bot .right ul li:last-child a { background: url(../images/footWeixin.png) no-repeat left center; padding-left: 25px; }

@media screen and (max-width: 1440px){
	.rightFixed { right: 0; }
	.width { width: 80%; }
}

@media screen and (max-width: 1366px){
	.rightFixed { right: 10px; }
	.foot .top .left ul li { float: left; margin-right: 65px; }
}

@media screen and (max-width: 1280px){
	.head .right .bot .bL ul li a { font-size: 14px; }
}

@media screen and (max-width: 1224px){
	.head .right .bot .bL ul li { padding-right: 25px; }
}

@media screen and (max-width: 1221px){
	.width { width: 95%; }
	.head .right .bot .bL { position: absolute; }
	.head .right .bot .bR { display: none; }
	.head .rightLines { display: none; }
}
@media screen and (max-width: 1100px){
	.foot .top .left ul li { margin-right: 50px; }
}
@media screen and (max-width: 960px){
	.foot .top .left ul li { margin-right: 30px; }
}
@media screen and (max-width: 880px) {
	.foot .top .left ul li { margin-right: 30px; }
}
@media screen and (max-width: 840px){
	.foot .top .left { display: none; }
	.foot .top .right { float: none; }
	.foot .top .right ul { text-align: center; }
	.foot .top .right ul li { display: inline-block; float: none; }
}
@media screen and (max-width: 768px){
	.head .contain { height: 60px; overflow: hidden; }
	.head .left { border: 0; }
	.head .right { border: 0; width: 100%; height: auto; position: absolute; top: 60px; left: 0; background: rgba(0,0,0,.8); display: none; }
	.head .right .top { display: none; }
	.head .right .bot { height: auto; }
	.head .right .bot .bL { width: 100%; position: relative; }
	.head .right .bot .bL ul { width: 100%; }
	.head .right .bot .bL ul li { width: 100%; padding-right: 0; }
	.head .right .bot .bL ul li a { color: #ffffff; }
	.head .right .bot .bL ul li p { display: none; }
	.head .right .bot .bL ul li:hover p { max-height: 0; }
	.head .right .bot .bL ul li.cur a { color: #ffffff; }
	.head .right .bot .bL ul li a span img.home { display: none; }
	.head .right .bot .bL ul li a span img.home2 { display: inline-block; }
	.head .menuIcon { display: block; }
}

@media screen and (max-width: 620px){
	.foot .bot .left { float: none; }
	.foot .bot .left p { text-align: center; }
	.foot .bot .right { display: none; }
}

@media screen and (max-width: 600px){
	.head .left { width: 25%; }
	.head .right .bot .bL ul li a { line-height: 4rem; font-size: 1.2rem; }
}

@media screen and (max-width: 480px){
	.width { width: auto; margin: 0 1.5rem; }
}